<template>
  <el-menu
    router
    default-active="/individuation"
  >
    <el-sub-menu index="1">
      <template #title>
        <span>Echarts示例</span>
      </template>
      <el-menu-item index="/individuation">个性化示例</el-menu-item>
    </el-sub-menu>
  </el-menu>
</template>

<script setup lang="ts">
</script>

<style scoped lang="scss">
.el-menu {
  width: 100%;
  height: 100%;

  .el-sub-menu {
    height: 100%;
    :deep(.el-sub-menu__title:hover){
      background-color: #f5e5e8;
      color:#F72C5B
    }
  }

  .el-menu-item:hover {
    background-color: #f5e5e8
  }

  .is-active {
    color: #F72C5B;

  }
}</style>